<template>
    <div class="box">
      <div class="header">
         <van-nav-bar title="订单详情" left-arrow @click-left="$router.back()" />
      </div>
      <div class="content">

  


        <div class="time">
         <h4><van-count-down :time="time" /></h4>
        </div>

   <van-swipe-cell  v-for="item in store.orderList" :key="item.id" >
  
 <van-row>
        <van-col span="6">
              <p>收件人:</p>
        </van-col>
     <van-col span="12">
              <p>张三</p>
        </van-col>
    </van-row>
    <van-row>
        <van-col span="6">
              <p>总金额:</p>
        </van-col>
     <van-col span="12">
              <p>￥{{store.totalPrice}}</p>
        </van-col>
    </van-row>
  
</van-swipe-cell>
   
  
    
      </div>
    </div>
</template>

<script setup>
import { ref } from 'vue';
const time = ref(30 * 60 * 1000);
import { useCounterStore } from "@/stores/counter";
const store = useCounterStore();




</script>

<style lang="scss" scoped>
.time{
   
    margin-left: 40%;
}
</style>